<template>
  <div class="main">
    <!--    顶部导航条-->
    <navheader></navheader>
    <div class="main ml-5 mr-5" style="padding-top:70px">
      <div class="row mt-4 ml-1 mr-1">
        <div class="col-md-12 column">
          <div class="card">
            <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect">
              <el-menu-item index="1">
                <router-link to="/Colleges/All_Colleges">
                  <span class="" style="font-size: 20px">院校库</span>
                </router-link>
              </el-menu-item>
<!--              <el-menu-item index="2">-->
<!--                <router-link to="/Colleges/My_Colleges">-->
<!--                  <span class="" style="font-size: 20px">我收藏的</span>-->
<!--                </router-link>-->
<!--              </el-menu-item>-->
            </el-menu>
            <!-- Tab panes -->
            <div class="tab-content">
              <router-view></router-view>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!--    底部导航条-->
    <myfooter></myfooter>
  </div>
</template>

<script>
import myfooter from '../../myfooter'
import navheader from '../../navheader'

export default {
  name: "colleges_main",
  components:{
    myfooter,
    navheader
  },
  data(){
    return{
      activeIndex:'1',
    }
  },
  created() {
    if(this.$router.history.current.path !='/Colleges/All_Colleges')
    {
      this.$router.push({path:'/Colleges/All_Colleges'})
    }
  },
  methods:{
    handleSelect(key, keyPath) {
      console.log(key, keyPath);
    },
  }

}
</script>

<style scoped>
.main{

}
.card{
  box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04)
}
</style>
